<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>设置外边距</title>
<style type="text/css">
img{
	border:5px solid red;
	float:left;                /*设置图像左浮动*/
	margin-right:50px;         /*设置图像的右外边距*/
	margin-bottom:30px;        /*设置图像的左外边距*/
	/*上面两行代码等价于margin:0 50px 30px 0;*/
}
p{ text-indent:2em;}          
</style>
</head>
<body>
<img src="images/super_couser.jpg" alt="2014全新优化升级课程" />
<p>传智播客2014全新优化升级课程——响应式手机网站制作：该课程将学习互联网最前沿的html5与css3技术，并结合最流行的JQueryMobile+PhoneGap等框架，实现企业网站的响应式web设计。</p>
<p>其他增值课程：电子商务视觉营销设计、淘宝店铺装修设计、多媒体终端界面设计。</p>
<p>详情请见传智播客官方网站www.itcast.cn</p>
</body>
</html>
